

    /* Flot Charts
     * -------
     * Here we will create a few charts using Flot Charts
     */


   /*---------------------
    ----- PIE CHART -----
    ---------------------*/

	// var data = [
    //     {data: 18000, color: '#f8bd19', label: 'Linda'},
    //     {data: 20000, color: '#e44a00', label: 'John'},
    //     {data: 30000, color: '#008ee4', label: 'David'},
    //     {data: 13000, color: '#33bdda', label: 'Margaret'},
    //     {data: 15000, color: '#6baa01', label: 'Richard'},
	// ];
	//
	//
	// 	$.plot("#pie-chart", data, {
	// 		series: {
	// 			pie: {
	// 				show: true,
	// 				radius: 1,
	// 				label: {
	// 					show: true,
	// 					radius: 3/4,
	// 					formatter: labelFormatter,
	// 					background: {
	// 						opacity: 0.5
	// 					}
	// 				}
	// 			}
	// 		},
	// 		legend: {
	// 			show: false
	// 		}
	// 	});
	//
	// function labelFormatter(label, series) {
	// 	return "<div style='font-size:8pt; text-align:center; padding:2px; color:white;'>" + label + "<br/>" + Math.round(series.percent) + "%</div>";
	// }


   /*---------------------
    ----- LINE CHART -----
    ---------------------*/
    var c=new Date();

    var http_ip="mianshi.huitoushian.cn";
    var d3

        d3= [[0,0],[1,0],[2,0],[3,0],[4,0],[5,0],[6,0],[7,0],[8,0],[9,0],[10,0],[11,0]];
            $.get("http://"+http_ip+":8083/feign_article/count_time?time1="+c.getFullYear()+"-01-0&&time2="+c.getFullYear()+"-"+1+"-31",function (data) {
                d3[0][1]=data
                $.get("http://"+http_ip+":8083/feign_article/count_time?time1="+c.getFullYear()+"-02-0&&time2="+c.getFullYear()+"-"+2+"-31",function (data) {
                    d3[1][1]=data
                    $.get("http://"+http_ip+":8083/feign_article/count_time?time1="+c.getFullYear()+"-03-0&&time2="+c.getFullYear()+"-"+3+"-31",function (data) {
                        d3[2][1]=data
                        $.get("http://"+http_ip+":8083/feign_article/count_time?time1="+c.getFullYear()+"-04-0&&time2="+c.getFullYear()+"-"+4+"-31",function (data) {
                            d3[3][1]=data
                            $.get("http://"+http_ip+":8083/feign_article/count_time?time1="+c.getFullYear()+"-05-0&&time2="+c.getFullYear()+"-"+5+"-31",function (data) {
                                d3[4][1]=data

                                $.get("http://"+http_ip+":8083/feign_article/count_time?time1="+c.getFullYear()+"-06-0&&time2="+c.getFullYear()+"-"+6+"-31",function (data) {
                                    d3[5][1]=data
                                    $.get("http://"+http_ip+":8083/feign_article/count_time?time1="+c.getFullYear()+"-07-0&&time2="+c.getFullYear()+"-"+7+"-31",function (data) {
                                        d3[6][1]=data
                                        $.get("http://"+http_ip+":8083/feign_article/count_time?time1="+c.getFullYear()+"-08-0&&time2="+c.getFullYear()+"-"+8+"-31",function (data) {
                                            d3[7][1]=data
                                            $.get("http://"+http_ip+":8083/feign_article/count_time?time1="+c.getFullYear()+"-09-0&&time2="+c.getFullYear()+"-"+9+"-31",function (data) {
                                                d3[8][1]=data
                                                $.get("http://"+http_ip+":8083/feign_article/count_time?time1="+c.getFullYear()+"-"+10+"-0&&time2="+c.getFullYear()+"-"+10+"-31",function (data) {
                                                    d3[9][1]=data
                                                    $.get("http://"+http_ip+":8083/feign_article/count_time?time1="+c.getFullYear()+"-"+11+"-0&&time2="+c.getFullYear()+"-"+11+"-31",function (data) {
                                                        d3[10][1]=data
                                                        $.get("http://"+http_ip+":8083/feign_article/count_time?time1="+c.getFullYear()+"-"+12+"-0&&time2="+c.getFullYear()+"-"+12+"-31",function (data) {
                                                            d3[11][1]=data
                                                            f()

                                                            //求每个月的平均值
                                                            var agr=0;
                                                            var count=0;
                                                            for (let i = 0; i <d3.length ; i++) {

                                                                if(d3[i][1]==="0"){
                                                                    continue
                                                                }
                                                                agr+= parseInt(d3[i][1])
                                                                count++
                                                            }

                                                            console.log(agr+"_"+count)
                                                            $("#chartSubscriptions").text(Math.round(agr/count)+"篇")

                                                        })
                                                    })
                                                })
                                            })
                                        })
                                    })
                                })
                            })
                        })

                    })


                })
            })






    /*---------------------------------------------------
        Make some random data for Recent Items chart
    ---------------------------------------------------*/

    function f() {
        var options = {
            series: {
                shadowSize: 0,
                lines: {
                    show: true,
                },
            },
            grid: {
                borderWidth: 1,
                labelMargin:10,
                mouseActiveRadius:6,
                borderColor: '#eee',
                show : true,
                hoverable : true,
                clickable : true

            },
            xaxis: {
                tickColor: '#eee',
                tickDecimals: 0,
                font :{
                    lineHeight: 15,
                    style: "normal",
                    color: "#000"
                },
                shadowSize: 0,
                ticks: [[0,"一月"], [1,"二月"], [2,"三月"], [3,"四月"], [4,"四月"], [5,"五月"], [6,"六月"], [7,"七月"], [8,"八月"], [9,"九月"], [10,"十月"], [11,"十一月"]]
            },

            yaxis: {
                tickColor: '#eee',
                tickDecimals: 0,
                font :{
                    lineHeight: 15,
                    style: "normal",
                    color: "#000",
                },
                shadowSize: 0
            },

            legend: {
                container: '.flc-line',
                backgroundOpacity: 0.5,
                noColumns: 0,
                backgroundColor: "white",
                lineWidth: 0
            },
            colors: ["#EB5E28", "#F3BB45", "#68B3C8"]
        };


        if ($("#line-chart")[0]) {
            $.plot($("#line-chart"), [
                {data: d3, lines: { show: true }, label: 'Product C', stack: true, color: '#68B3C8' }
            ], options);
        }

    }






    /*---------------------------------
        Tooltips for Flot Charts
    ---------------------------------*/
    // if ($(".flot-chart-line")[0]) {
    //     $(".flot-chart-line").bind("plothover", function (event, pos, item) {
    //         if (item) {
    //             var x = item.datapoint[0].toFixed(2),
    //                 y = item.datapoint[1].toFixed(2);
	// 			$(".flot-tooltip").html(item.series.label + " Sales " + " : " + y).css({top: item.pageY+5, left: item.pageX+5}).show();
    //         }
    //         else {
    //             $(".flot-tooltip").hide();
    //         }
    //     });
    //
    //     $("<div class='flot-tooltip' class='chart-tooltip'></div>").appendTo("body");
    // }
	//



   /*---------------------
    ----- AREA CHART -----
    ---------------------*/


	// var d1 = [[0,0],[1,35],[2,35],[3,30],[4,30],[5,5],[6,32],[7,37],[8,30],[9,35],[10,30],[11,5]];
	//
	//
    // var options = {
    //     series: {
    //         shadowSize: 0,
    //         curvedLines: { //This is a third party plugin to make curved lines
    //             apply: true,
    //             active: true,
    //             monotonicFit: true
    //         },
    //         lines: {
    //             show: false,
    //             fill:0.98,
    //             lineWidth: 0,
    //         },
    //     },
    //     grid: {
    //         borderWidth: 0,
    //         labelMargin:10,
    //         hoverable: true,
    //         clickable: true,
    //         mouseActiveRadius:6,
    //
    //     },
    //     xaxis: {
    //         tickDecimals: 0,
    //         ticks: false
    //     },
    //
    //     yaxis: {
    //         tickDecimals: 0,
    //         ticks: false
    //     },
    //
    //     legend: {
    //         show: false
    //     }
    // };
	//
	//
    // if ($("#area-chart")[0]) {
    //     $.plot($("#area-chart"), [
    //         {data: d1, lines: { show: true, fill: 0.6 }, label: 'Product 1', stack: true, color: '#3F51B5' }
    //     ], options);
    // }
	//



   /*---------------------
    ----- COLUMN CHART -----
    ---------------------*/

    // $(function() {
	//
	// 	var data = [ ["January", 10], ["February", 8], ["March", 4], ["April", 13], ["May", 17], ["June", 9] ];
	//
	// 	$.plot("#column-chart", [ data ], {
	// 		series: {
	// 			bars: {
	// 				show: true,
	// 				barWidth: 0.6,
	// 				align: "center"
	// 			}
	// 		},
	// 		xaxis: {
	// 			mode: "categories",
	// 			tickLength: 0
	// 		},
	//
	// 		grid: {
    //         	borderWidth: 0,
    //         	labelMargin:10,
    //         	hoverable: true,
    //         	clickable: true,
    //        	 	mouseActiveRadius:6,
    //    		}
	//
	// 	});
	//
	//
	// });



   /*--------------------------------
    ----- STACKED CHART -----
    --------------------------------*/

    // 	$(function() {
	//
	// 	var d1 = [];
	// 	for (var i = 0; i <= 10; i += 1) {
	// 		d1.push([i, parseInt(Math.random() * 30)]);
	// 	}
	//
	// 	var d2 = [];
	// 	for (var i = 0; i <= 10; i += 1) {
	// 		d2.push([i, parseInt(Math.random() * 30)]);
	// 	}
	//
	// 	var d3 = [];
	// 	for (var i = 0; i <= 10; i += 1) {
	// 		d3.push([i, parseInt(Math.random() * 30)]);
	// 	}
	//
	//
	// 	$.plot("#stacked-bar-chart", [ d1, d2, d3 ], {
	// 		series: {
	// 			stack: 0,
	// 			lines: {
	// 				show: false,
	// 				fill: true,
	// 				steps: false
	// 			},
	// 			bars: {
	// 				show: true,
	// 				barWidth: 0.6
	// 			},
	// 		},
	// 		grid: {
	// 			borderWidth: 0,
	// 			labelMargin:10,
	// 			hoverable: true,
	// 			clickable: true,
	// 			mouseActiveRadius:6,
	// 		}
	// 	});
	//
	//
	// });

   /*--------------------------------
    ----- REALTIME CHART -----
    --------------------------------*/
   	// $(function() {
	   //
		// // We use an inline data source in the example, usually data would
		// // be fetched from a server
	   //
		// var data = [],
		// 	totalPoints = 300;
	   //
		// function getRandomData() {
	   //
		// 	if (data.length > 0)
		// 		data = data.slice(1);
	   //
		// 	// Do a random walk
	   //
		// 	while (data.length < totalPoints) {
	   //
		// 		var prev = data.length > 0 ? data[data.length - 1] : 50,
		// 			y = prev + Math.random() * 10 - 5;
	   //
		// 		if (y < 0) {
		// 			y = 0;
		// 		} else if (y > 100) {
		// 			y = 100;
		// 		}
	   //
		// 		data.push(y);
		// 	}
	   //
		// 	// Zip the generated y values with the x values
	   //
		// 	var res = [];
		// 	for (var i = 0; i < data.length; ++i) {
		// 		res.push([i, data[i]])
		// 	}
	   //
		// 	return res;
		// }

		// Set up the control widget

		// var updateInterval = 30;
		//
		// var plot = $.plot("#realtime-chart", [ getRandomData() ], {
		// 	series: {
		// 		shadowSize: 0	// Drawing is faster without shadows
		// 	},
		// 	yaxis: {
		// 		min: 0,
		// 		max: 100
		// 	},
		// 	xaxis: {
		// 		show: false
		// 	},
		// 	grid: {
		// 		borderWidth: 0,
		// 		labelMargin:10,
		// 		hoverable: true,
		// 		clickable: true,
		// 		mouseActiveRadius:6,
		// 	}
		//
		// });


	// 	function update() {
	//
	// 		plot.setData([getRandomData()]);
	//
	// 		// Since the axes don't change, we don't need to call plot.setupGrid()
	//
	// 		plot.draw();
	// 		setTimeout(update, updateInterval);
	// 	}
	//
	// 	update();
	//
	//
	//
	// });
